.rule-card {
	.title {
		align-items: center;
		height: 50px;
		padding: 0 15px;
		background-color: #f5faff;
		border-bottom: 1px solid #eeeeee;
		.time {
			color: #777777;
		}
	}
	.body {
		position: relative;
		display: flex;
		align-items: center;
		min-height: 100px;
		padding: 15px;
		overflow: hidden;
		line-height: 25px;
		&::after {
			position: absolute;
			top: 50%;
			right: 10%;
			width: 85px;
			height: 85px;
			content: "";
			background-image: url("../../../../public/images/decoration/1.png");
			background-size: 100%;
			opacity: 0.8;
			transform: translateY(-50%);
		}
		.deploy-status {
			position: absolute;
			top: 15px;
			right: -15px;
			width: 90px;
		}
		.label {
			width: 70px;
			color: #777777;
			text-align: right;
		}
		.text {
			padding-left: 15px;
		}
	}
	.footer {
		height: 45px;
		border-top: 1px solid #eeeeee;
	}

	@keyframes mouse-in {
		from {
			background-position-y: 0;
		}
		to {
			background-position-y: -1280px;
		}
	}
	@keyframes mouse-out {
		from {
			background-position-y: -1280px;
		}
		to {
			background-position-y: 0;
		}
	}
}
.rule-cascade-page {
	.rule-card {
		.body {
			line-height: 40px;
		}
		.body::after {
			background-image: url("../../../assets/images/cube/link.png");
		}
	}
}
